import React from "react";
import { Rnd } from "react-rnd";

import demoImag from "../../../assets/image/demo.png";

const style = {
  display: "flex",
  alignItems: "center",
  justifyContent: "center",
  border: "solid 1px #ddd",
  background: "#f0f0f0",
};

function Sub1(props: any) {

  return (
    <div style={{ position: "relative", height: "100%", width: "100%" }}>
      <Rnd
        style={style}
        default={{
          x: 0,
          y: 0,
          width: 320,
          height: 200,
        }}
        onDragStop={(e, d) => e.stopPropagation()}
        bounds="window"
      >
        <img
          draggable="false"
          onClick={(e) => e.stopPropagation()}
          src={demoImag}
          alt=""
          style={{ width: "100%", height: "90%" }}
        />
        {/* <div
          style={{
            width: "100%",
            height: "100%",
            cursor: "auto",
            background: "#999",
          }}
        ></div> */}
      </Rnd>
    </div>
  );
}

export default Sub1;
